<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <meta name="Language" content="English" />
      <title>Network manipulation</title>       <meta http-equiv="Content-language" content="en-US">
  </head>
    <body>
        <div>
            <h3>Tutorial 1: Network manipulation</h3>
            <ul>
                <li><a href="./welcome_screen.html">Welcome screen</a></li>
                <li><a href="./project_create.html">New project creation</a></li>
                <li><a href="./component_placement.html">Placing components into board</a></li>
                <li><a href="./component_connecting.html">Connecting components with cables</a></li>
                <li><a href="./network_manipulation.html">Network manipulation</a></li>
                <li><a href="./properties_setup.html">Setting network components properties</a></li>
                <li><a href="./network_details.html">Details settings</a></li>
                <li><a href="./project_save.html">Saving the project</a></li>
            </ul>
            
            <hr>
            
            <h1>Network manipulation</h1>
            
            <p>Choose <b>Hand</b> tool in tool menu for network manipulation.</p>

            <h2>Component marking</h2>
            <p>There are <b>more ways of marking components</b> as described below. Cables that belog to the marked components
                are marked <b>automatically</b>.</p>

            <h3>With mouse click</h3>
            <p>One component can be marked by <b>left mouse button</b>.</p>
            
            <img src="../../../../images/marking_one_component.png" >
            
            <h3>Dragging the mouse</h3>
            <p>More components can be marked <b>by dragging the marking box</b> over them.</p>
            
            <img src="../../../../images/marking_more_components.png" >
            
            <h3>Ctrl + left mouse button</h3>
            <p>When <b>holding the CTRL button</b> you can add or remove components by a simple click.
                Next image describes marking components using this way. Only the middle Router is not marked.</p>
            
            <img src="../../../../images/marking_with_ctrl.png" >
            
            <h2>Cables marking</h2>
            
            <p>It is allso possible to <b>mark only the cables</b>. This can be achieved by dragging the marking box
                or holding the CTRL key and clicking on the cable.</p>

            <img src="../../../../images/marking_cables.png" >
            
            <h2>Change of the component position</h2>
            <p>Marked components can be moved using <b>drag&amp;drop</b> function.</p>
            
            <h2>Align to grid</h2>
            <p>The whole network (or only the marked components) can be <b>aligned to grid</b>. You can see the
                result on the following picture.</p>
              <img src="../../../../images/align_to_grid.png" >
            
            
            <h2>Marking all components</h2>
            <p>You can allso mark all componnets by selecting <b>Select all</b>. This option can be accessed
                by clicking the right mouse button on the draw panel:</p>
            <img src="../../../../images/en/network_right_click.png" >
            
            <h2>Undo/Redo</h2>
            <p><b>All operations</b> which manipulate the network (adding components, removing components, change of postition,
                align to grid...) can be reverted using the <b>Undo</b> function.</p>
            
            <img src="../../../../images/undo.png" >

            <p>Next part of this tutorial is: <a href="./properties_setup.html">Details settings</a>.</p>
        </div>
    </body>
</html>
